<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@page import="model.Gebruiker;"%>

<head>
<title>Auction</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>

<!-- begin body -->
<body>

	<!-- begin logo -->
	<div id="logo">
		<img class="logoimg" src="images/logo.png" alt="logo" />
	</div>
	<!-- end logo -->

	<!-- begin main -->
	<div class="main">

		<!-- begin auctionwrap -->
		<div class="auctionwrap">

			<%
				Gebruiker gebruiker = (Gebruiker) session.getAttribute("gebruiker");
				pageContext.setAttribute("gebruiker", gebruiker);
			%>

			<c:choose>
				<c:when test="${gebruiker!=null}">
					<div class="menu">
						<ul id="menuItems">
							<li><a class="on" href="./VeilingController">Home</a></li>
							<li><a
								href="./VeilingController?action=myAuctions">My
									Auctions</a></li>
							<li><a
								href="./VeilingController?action=myBids">My
									Bids</a></li>
								<li><a href="./EditProfileController">Edit profile</a></li>
							<li><a href="./InlogController?action=logout">Logout</a></li>

						</ul>
						
						<ul id="ingelogd"> <li> Logged in as: <b>
						<c:out value="${gebruiker.voornaam}"></c:out> <c:out value="${gebruiker.achternaam}"> </c:out></b>
						</li></ul>
					</div>
				</c:when>

				<c:otherwise>
					<div class="menu">
						<ul id="menuItems">
							<li><a class="on" href="./VeilingController">Home</a></li>
							<li><a href="./VeilingController?action=login">Login</a></li>
							<li><a href="./VeilingController?action=register">Register</a>
							</li>
						</ul>
					</div>
				</c:otherwise>
			</c:choose>




			<div class="auctions" id="refreshAuctions">

				<c:forEach var="veiling" items="${Veilingen}" varStatus="status">
					<c:if test="${veiling.expired == false}"> 
					<div class="auction">
						<div class="auctionInfo">
							<h6>
								<a
									href="./VeilingController?action=fullauction&veiling=${veiling.id}"><c:out
										value="${veiling.titel}">
									</c:out> </a>
							</h6>
							<span class="date">Nog <b> <c:out
										value="${veiling.remaining}"></c:out> </b> te gaan.</span>
							<p id="omschrijving"><c:out value="${veiling.omschrijving}"></c:out></p>
							<a id="more" href="./VeilingController?action=fullauction&veiling=${veiling.id}"> ..more</a>
						</div>
						<div class="auctionTime">
							<ul>
								<li>Highest bid</li>
								<li><b><c:out value="${veiling.highestBid}"></c:out> &euro; </b></li>
							</ul>
						</div>
						<img class="auctionimg" src="${veiling.foto}" />
					</div>
					</c:if>
				</c:forEach>

				<!-- end auctions-->
				gemaakt door: Jaap Manenschijn en Yvonne Nieuwerth

			</div>
			<!-- end auctionwrap -->
		</div>
		<!-- end main -->
		
		<script src="Js/jquery-1.6.4.min.js"></script>
<script type="text/javascript">

	$(document).ready(
	 					setInterval("getRemaining()",1000)
	);
	
	function getRemaining() {
		$
				.ajax({
					url : "./refreshAuctions?action=getAuctions",
					type : "GET",
					dataType: "html",
					caching: false,
					error : function() {
// 						alert("Data Error");
					},
					success : function(data) {
						$('#refreshAuctions').empty().html(data);
					}
				});
	}
</script>
</body>
<!-- // end body -->

</html>
